<!--首页的头部-->
<div class="ph-head">
    <div class="ph-biao">
        <div class="hamburger" id="hamburger-6">
            <span class="line"></span>
            <span class="line"></span>
            <span class="line"></span>
        </div>
    </div>
    <div class="hide-list">
        <ul>
            <li class="active"><a href="#">首页 <i class="glyphicon glyphicon-menu-right"></i></a></li>
            <li><a href="#">产品 <i class="glyphicon glyphicon-menu-right"></i></a></li>
            <li><a href="#"> 案例  <i class="glyphicon glyphicon-menu-right"></i></a></li>
            <li><a href="#"> 课程 <i class="glyphicon glyphicon-menu-right"></i></a></li>
            <li><a href="#">  新闻  <i class="glyphicon glyphicon-menu-right"></i></a></li>
        </ul>
    </div>
    <div class="ph-logo"><a href="/"><img src="images/index/logo.png" alt=""/></a> </div>
    <div class="Application">
        <a href="#"> <span class="iconfont icon-gerenzhongxin"></span> </a>
    </div>
</div>
<script>
    $(document).ready(function(){
        $(".hamburger").click(function(){
            $(this).toggleClass("is-active");
            $('.hide-list').toggle(600);
        });
    });
</script>
